<template lang="html">
    <div>
        <div class="L4-head">
            实有单位275
        </div>
        <div>
            <table class="data-t-xq">
            <tr class="titleIndex">
                <th>
                    <img src="../../../static/IMG/宾馆.png" /></th>
                <td>
                    <p>宾馆 171个</p>
                </td>
                <th>
                    <img src="../../../static/IMG/餐饮.png" /></th>
                <td onclick="Zhxq.queryXqxxs('')">
                    <p>餐饮 159个</p>
                </td>
                <th>
                    <img src="../../../static/IMG/医疗.png" /></th>
                <td>
                    <p>医疗 65个</p>
                </td>
            </tr>
            <tr class="titleIndex">
                <th>
                    <img src="../../../static/IMG/ktv.png" /></th>
                <td>
                    <p>KTV 8个</p>
                </td>
                <th>
                    <img src="../../../static/IMG/加油站.png" /></th>
                <td>
                    <p>加油站 22个</p>
                </td>
                <th>
                    <img src="../../../static/IMG/事业.png" /></th>
                <td>
                    <p>事业 208个</p>
                </td>
            </tr>
        </table>
        </div>
    </div>
</template>
<script>
import Vue from 'vue'
import ECharts from 'vue-echarts'
export default {
  data() {
    return {
      options : {
        
      },

    }
  },
  props: {

  },
  computed: {
    
  },
  components: {
    'v-chart': ECharts
  },
  created: function() {
    
  },
  mounted() {

  },
  watch: {
    
  },
  methods: {

  }
}
</script>
<style scoped>
    .L4-head {
        font-size: 30px;
        color:#0096ff;
        margin-left: 40px;
        margin-top: 20px;
        font-weight: bolder;
        font-style: italic;
    }
    td p{
        font-size: 20px;
        color: white;
    }
</style>